﻿body {
background: #fff url(../images/topbluefade.gif) repeat-x;
font-size: 11px;
font-family: "Trebuchet MS", Verdana, Arial, sans-serif;
color: #333;
padding:0px;
margin:0px;
}

a:link, a:visited { color: #000; text-decoration: underline; }
a:hover { color: #fff; background-color: #333; text-decoration: none; }

a.attention:link, a.attention:visited { color: #900; }
a.attention:hover { color: #fff; }

h1 {
font-size: 11px;
text-transform:uppercase;
background-color: #E0A3B7;
border-top:1px solid #564b47;
border-bottom:1px solid #564b47;
padding:5px 15px;
margin:0px }
h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}


img.download {vertical-align:middle;}

/* ***** HEADER ***** */

#header {
    font-size: 13px;;
}

#user_status {
	float: right;
	width:150px;
	margin:-10px;
	
	text-align: center;
	position: relative;
	border-bottom:1px solid #084f1c;
	border-left:1px solid #084f1c;
	background:#CCCCFF;
}


/* ----------container zentriert das layout-------------- */
#container {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 

/* ----------banner for logo-------------- */
#header {
text-align: center;
padding: 0px;
margin: 0px; }


/* ----------outer und inner----------------- */
#outer{ 
border-left: solid 200px #EBD3E0;  /* linke Menue Spalten Farbe  */ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 } 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* --------------right navigavtion------------- */
#left {
 width:200px; 
 float:right; 
 position:relative; 
 margin-left:-200px; 
 margin-right:1px;
 }

/* -----------------Inhalt--------------------- */
#content{ 
position: relative; 
margin: 0px; }

p{
padding: 5px 10px;
margin:0px; }

pre{
font-size: 12px;
padding: 5px 10px;
margin:0px;}

/*  ----------------footer---------------------- */ 
#footer {
clear:left;
padding:0px;
margin:0px;
text-align: center;
background: #fff url(../images/topbluefade.gif) repeat-x;} 

/*  ----------------home page positioning of elements---------------------- */ 
#home_logo {
    width: 256px;
    height: 256px;
    position: absolute;
    top: 80;
    left: 30;
}

#home_tagline {
    width: 480px;
    height: 72px;
    position: absolute;
    top: 65;
    left: 311;
}

#home_mainbox {
    
    position: absolute;
    top: 165;
    left: 316;
    width: 625;
    font-size:14px;
    background-color:white;
    
}

#livestats{
    position: absolute;
    top: 0;
    left: 416;
    height: 125px;
    width: 125px;
    padding: 15px;
    margin:0 auto; 
    background:#E6E6E6;
    color:#000;
}

#home_callouts {
    position: absolute;
    top: 350;
    left: 0;
}

#home_footer {
    position: absolute;
    width: 100%;
    top: 570;
    left: 0;
}


/*  ----------------Entry List Grid---------------------- */ 

.ListTitle {
  	
    margin: 0;
    font-size: 0.5em;
    text-transform: uppercase;
    color: #A5ADA8;
}

.ListActions {
 	font-size:    x-small;
    text-align:   right;
	padding-left: 1em;
}

.ListLine0 {
        background: #BFE4FF;
}

.ListLine1 {
        background: #e5ecf9;
}

/*  ---------------- Bar ---------------------- */ 


.bar a {
	font-weight: bold;	
}

.bar .title {
	font-size: 18px;
	color: #cccccc;
	padding-left: 16px;
}

.bar .subtitle {
	color: #cccccc;
}

.bar .subtitle a {
	color: #cccccc;
}

.bar .heading {
	font-size: 16px;
	font-weight: bold;
	padding-left: 16px;
}

.bar .menu {
	padding-left: 10px;
	padding-right: 10px;
}

/*  ---------------- homepage callouts ---------------------- */
div#callouts {
	width:884px;
	height:205px;
	margin:0;
	display:block;
	font-size:10px;
}

.callout-desc {
	width:180px;
	margin:2px auto;
	font-size:12px;
}

#callouts a {
	text-decoration:none;
}

#callouts img {
	border:0;
}

#callout-item-diabetics,#callout-item-doctors,#callout-item-researchers,#callout-item-donors {
	width:220px;
	margin-left:1px;
	background:url(/images/callout_bg_norm.gif) repeat-x top;
	float:left;
	height:205px;
	text-align:center;
	padding:18px 0;
}

#callout-item-diabetics:hover,#callout-item-doctors:hover,#callout-item-researchers:hover,#callout-item-donors:hover {
	width:220px;
	margin-left:1px;
	background:url(/images/callout_bg_hov.gif) repeat-x top;
	float:left;
	height:205px;
	text-align:center;
	padding:18px 0;
}
#callout-item-diabetics-select,#callout-item-doctors-select,#callout-item-researchers-select,#callout-item-donors-select {
	width:220px;
	margin-left:1px;
	background:url(/images/callout_bg_hov.gif) repeat-x top;
	float:left;
	height:205px;
	text-align:center;
	padding:18px 0;
}

#quotes {
	margin:0 0 10px 0;
	font:bold 16px Georgia, "Times New Roman", Times, serif;
	text-align:center;
	font-style:italic;
	width:880px;
}

#byline {
	font-size:12px;
	color:#eee;
}

#byline a{
	color:#ccc;
}

/*  ---------------- menu system ---------------------- */
.anylinkcss{
position:absolute;
visibility: hidden;
border:1px solid black;
border-bottom-width: 0;
line-height: 18px;
z-index: 100;
background-color: #CCCCFF;
width: 205px;
}

.anylinkcss a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;

text-indent: 5px;
}

.anylinkcss a:hover{ /*hover background color*/
background-color: black;
color: white;
}
}
